.video-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.video-container video {
  /* position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%); */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* //视频自动播放 */
  -webkit-transform: translateZ(0);
  /* //解决视频卡顿问题 */
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;

}

.comment-area {
  /* 其他样式 */
  overflow-y: scroll; /* 或者使用 overflow-y: auto 如果你希望在内容超出容器高度时显示滚动条 */
  scrollbar-width: none; /* Firefox */
  &::-webkit-scrollbar { /* WebKit browsers */
    display: none;
  }
}



/* 定制placeholder的样式 */
input::-webkit-input-placeholder { /* WebKit browsers */
  color: yellow; /* 设置placeholder颜色为黄色 */
  padding-left: 10px; /* 设置左侧内边距 */
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: yellow;
  padding-left: 10px;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: yellow;
  padding-left: 10px;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: yellow;
  padding-left: 10px;
}

/* 定制输入文字的样式 */
input {
  color: white; /* 设置输入文字颜色为白色 */
  padding-left: 10px;
}

/* 获取焦点后没有边框 */
input:focus {
  outline: none;
}
/* 输入框文字向右移动10px */
